<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>双重循环</title>
</head>

<body>
    <script>


        // 练习 打印5*5的矩形图案

        let str = ''
        for (let i = 1; i <= 5; i++) {  // 外层循环负责打印5行
            for (let j = 1; j <= 5; j++) {   // 里层循环负责一行打印5个星星
                str += '★'
            }
            str += '\n'   // 打印完5个星星就要另起一行
        }
        console.log(str);


        // 练习 打印直角三角形

        for (let i = 1; i <= 10; i++) {   // 外层循环for，控制行数
            let sanj = ''
            for (let j = 1; j <= i; j++) {    // 内层循环，控制打印个数 
                sanj += '★'
            }
            console.log(sanj);
        }

        // 练习 打印99乘法表

        for (let i = 1; i <= 15; i++) {
            let sanj = ''
            for (let j = 1; j <= i; j++) {
                sanj += j + '*' + i + '=' + j * i + ' '
            }
            console.log(sanj);
        }

        // 练习 打印每行列数是：1 3 5 7 9的直角三角形
        // 每行的列数是当前行号的两倍减1

        for (let i = 1; i <= 5; i++) {
            let sanj = ''
            for (let j = 1; j <= i * 2 - 1; j++) {
                sanj += '★'
            }
            console.log(sanj);
        }
        console.log('------------------------');

        // 练习 打印倒直角三角形

        for (let i = 1; i <= 5; i++) {   // 外层循环for，控制行数
            let sanj = ''
            for (let j = 5; j >= i; j--) {    // 内层循环，控制打印个数 
                sanj += '★'
            }
            console.log(sanj);
        }
        console.log('----------------');

        // 打印每行列数是: 1,3,5,7,9的等腰三角形

        for (let i = 1; i <= 5; i++) {
            let aa = ''
            for (let j = 5 - i; j > 0; j--) {
                aa += '❤'
            }
            for (let j = 1; j <= i * 2 - 1; j++) {
                aa += '😊'
            }
            console.log(aa);
        }

        // 倒等腰3角形

        for (let i = 4; i >= 1; i--) {
            let str = ''
            for (let j = 5 - i; j > 0; j--) {
                str += '❤'
            }
            for (let j = 1; j <= i * 2 - 1; j++) {
                str += '😊'
            }
            console.log(str);
        }


    </script>
</body>

</html>